<template>
  <a-modal
    :mask-closable="false"
    v-model:visible="visible"
    width="800"
    :on-before-ok="handleOk"
    ok-text="结算"
    title-align="start"
    class="overflow-hidden"
    title="支付"
  >
    <div class="flex text-[24px]">
      <div class="w-[100px]">总金额</div>
      <div>{{ props.moneyTotal }} RMB</div>
    </div>
  </a-modal>
</template>

<script setup lang="ts">
import { Message } from "@arco-design/web-vue";
import { ref } from "vue";
const props = defineProps({
  moneyTotal: {
    type: Number,
    default: 0,
  },
});
const visible = ref(false);

const handleOk = async () => {
  try {
    // let res = await getshopCar({
    //   userId: 1,
    // });
    // if (res.code == 200) {
    //   Message.success("添加成功");
    // }
  } catch (error) {
    console.error(error);
  }
};
</script>

<style scoped></style>
